<template>
    <div style="display: flex;width: 500px;margin-bottom: 5px">
        <div>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"
                 style="fill: #298df8;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined"
                 filter="none">
                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
            </svg>
        </div>
        <div style="margin-left: 5px;margin-top: 0px;font: 14px Poppins,sans-serif;color: #298df8;font-weight: bold">
            {{title}}
        </div>

    </div>
</template>

<script>
export default {
    name: "Bread",
    props:['title']
}
</script>

<style scoped>

</style>